import React from 'react'
import ComponentC from './ComponentC'

// 1 使用React.createContext()创建Context, 并导出。
export const ThemeContext = React.createContext()

const ComponentRoot = (props) => {
    return (
        <div>
            根组件
            <hr/>
            {/* 2 包裹你想跨组件传值的组件，通过value属性向下传值 */}
            <ThemeContext.Provider value='明亮主题'>
                <ComponentC/>
            </ThemeContext.Provider>
        </div>
    )
}

export default ComponentRoot
